<script setup lang="ts">
import MyDialog from './components/MyDialog.vue';

</script>

<template>
  <MyDialog>
    <template v-slot:header>
      <h3>危险提示</h3>
    </template>
    <template v-slot:default>
      <!-- 默认插槽可以省略 <template #default></template>-->
      <p class="title">你确定要删除吗？</p>
    </template>
    <template v-slot:footer>
      <button>别点我</button>
      <button>点我</button>
    </template>
  </MyDialog>
</template>

<style scoped>
.title {
  color: gold;
}
</style>